<template>
  <div>
    <h2>电影列表</h2>
    <p>count组件中的count值是:{{ count }}</p>
    <button @click="getMovieList">点击获取电影列表</button>
    <ul>
      <li v-for="item in movieList" :key="item.tvId">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
/*
  模块化以后，对我们获取state中的数据产生了影响，多了一层模块的结构
  对辅助函数获取方法是没有影响的，对辅助函数获取state的值有影响
*/
import { mapState, mapActions } from 'vuex';
export default {
  name: 'Movie',
  computed: {
    ...mapState('count', ['count']),
    ...mapState('movie', ['movieList']),
  },
  methods: {
    ...mapActions('movie', ['getMovieList']),
  },
};
</script>

<style scoped></style>
